﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>静态网页</title>
    <!-- css -->
    <link href="../Css/style.css" rel="stylesheet" />
</head>
<body>
    <div class="wrapper">
        <div class="container">
            <div class="row row-head">
                <div>
                    <h2>Products</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro
                        consequatur aliquam, incidunt eius magni provident, doloribus omnis
                        minus ovident, doloribus omnis minus temporibus perferendis nesciunt..
                    </p>
                </div>
            </div>

            <div class="row row-table">
                <div class="info-blocks">
                    <img src="../Images/1.png" />
                    <div class="info-blocks-in">
                        <h3>Generics</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                    </div>
                </div>
                <div class="info-blocks">
                    <img src="../Images/2.png" />
                    <div class="info-blocks-in">
                        <h3>Intermediates</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                    </div>
                </div>
                <div class="info-blocks">
                    <img src="../Images/3.png" />
                    <div class="info-blocks-in">
                        <h3>Amino Acids</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                    </div>
                </div>
                <div class="info-blocks">
                    <img src="../Images/4.png" />
                    <div class="info-blocks-in">
                        <h3>Synthesis</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                    </div>
                </div>
                <div class="info-blocks">
                    <img src="../Images/5.png" />
                    <div class="info-blocks-in">
                        <h3>Nutraceuticals</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                    </div>
                </div>
                <div class="info-blocks">
                    <img src="../Images/6.png" />
                    <div class="info-blocks-in">
                        <h3>Carotenoids </h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                    </div>
                </div>
            </div>

            <table>
                <tbody>
                    <tr>
                        <td>
                            <div class="info-blocks-table">
                                <img src="../Images/1.png" />
                                <div class="info-blocks-in-table">
                                    <h3>Generics</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="info-blocks-table">
                                <img src="../Images/1.png" />
                                <div class="info-blocks-in-table">
                                    <h3>Generics</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="info-blocks-table">
                                <img src="../Images/1.png" />
                                <div class="info-blocks-in-table">
                                    <h3>Generics</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="info-blocks-table">
                                <img src="../Images/1.png" />
                                <div class="info-blocks-in-table">
                                    <h3>Generics</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="info-blocks-table">
                                <img src="../Images/1.png" />
                                <div class="info-blocks-in-table">
                                    <h3>Generics</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="info-blocks-table">
                                <img src="../Images/1.png" />
                                <div class="info-blocks-in-table">
                                    <h3>Generics</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="container">
            <div class="row row-head">
                <div>
                    <h2>Our Organization</h2>
                    <p>Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada Pellentesque <br>ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p>
                </div>
            </div>
            <div class="row row-table">
                <div class="orginazation-blocks">
                    <p class="about-text">
                        Grids is a responsive Multipurpose Template. Lorem ipsum dolor
                        sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui
                        posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in
                        ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis
                        porttitor volutpat.
                    </p>
                    <ul class="withArrow">
                        <li><span>></span> Lorem ipsum dolor sit amet</li>
                        <li><span>></span> consectetur adipiscing elit</li>
                        <li><span>></span> Curabitur aliquet quam id dui</li>
                        <li><span>></span> Donec sollicitudin molestie malesuada.</li>
                    </ul>
                </div>
                <div class="orginazation-blocks">
                    <div class="about-image">
                        <img src="../Images/about.jpg" alt="About Images">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>